<div id="tabs" style="border-top: none;border-bottom: none;min-height: 500px">
    <ul>
        <li><a href="#tabs-1">Product Information</a></li>
        <li><a href="#tabs-2">guide</a></li>
    </ul>
    <div id="tabs-1">
        <input type="hidden" name="txtID" id="txtID" value="{{if isset($Data["OBJ"])}}{{$Data["OBJ"]->ProductID|escape:'html'}}{{/if}}"/>
        <table class="w720px">
            <tr>
                <td class="w100  blue">Product Name</td>
                <td>
                    <div class="pr10">
                        <input id="txtProductName" name="txtProductName" type="text"  class="classic-input w100pc"
                               value="{{if isset($Data["OBJ"])}}{{$Data["OBJ"]->ProductName|escape:'html'}}{{/if}}"
                               onblur="getAliasTo('#txtProductName','#txtAlias')"
                               />
                    </div>
                </td>
            </tr>
            <tr>
                <td class="w100  blue">Alias</td>
                <td>
                    <div class="pr10">
                        <input id="txtAlias" name="txtAlias" type="text"  class="classic-input w100pc"
                               value="{{if isset($Data["OBJ"])}}{{$Data["OBJ"]->Alias|escape:'html'}}{{/if}}"
                               />
                    </div>
                </td>
            </tr>
            <tr>
                <td class="w100  blue">Product Title</td>
                <td>
                    <div class="pr10">
                        <input id="txtTitle" name="txtTitle" type="text"  class="classic-input w100pc"
                               value="{{if isset($Data["OBJ"])}}{{$Data["OBJ"]->ProductTitle|escape:'html'}}{{/if}}"
                               />
                    </div>
                </td>
            </tr>
            <tr>
                <td class="w100  blue">Product Image</td>
                <td>
                    <div class="pr10 pr">
                        <input id="txtImage" name="txtImage" type="text"  class="classic-input w100pc"
                               value="{{if isset($Data["OBJ"])}}{{$Data["OBJ"]->Image|escape:'html'}}{{/if}}"
                               />
                        <div class="pa hover50 icon16 chooseimage chooseimage_icon"
                             onclick="BrowseServer('txtImage');"
                             title="Choose image from my host"
                             >
                        </div>
<!--                        
onclick="BrowseServer( 'Images:/', 'txtImage' );"
onclick="mcImageManager.open('txtTitle','url');"
-->
                </td>
            </tr>
            <tr>
                <td class="w100  blue">Category</td>
                <td>
                    <div class="pr">
                    <select id="cbxCategory" name="cbxCategory" class="classic-select w100pc">
                        <option value="Unknown">Unknown</option>
                        {{if isset($Data["ocategorys"])}}
                            {{foreach $Data["ocategorys"] as $c}}
                                <option 
                                    {{if isset($Data["OBJ"])}}{{if $c->_id==$Data["OBJ"]->Categorys}}selected=1{{/if}}{{/if}}
                                    value="{{$c->_id}}">{{$c->_name|escape:'html'}}</option>
                            {{/foreach}}
                        {{/if}}
                    </select>
                    <a href="{{base_url('backend/type/category')}}" class="pa hover50 icon16 chooseimage more_icon"
                            title="More categorys"></a>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="w100 ">Supplier</td>
                <td>
                    <div class="pr10">
                        <input id="txtSupplier" name="txtSupplier" type="text"  class="classic-input w100pc"
                               value="{{if isset($Data["OBJ"])}}{{$Data["OBJ"]->Supplier|escape:'html'}}{{/if}}"
                               />
                    </div>
                </td>
            </tr>
            <tr>
                <td class="w100  blue">Unit Price</td>
                <td>
                    <table class="m0 p0 w100pc" style="border: none;border-spacing: 0">
                        <tr>
                            <td class="m0 p0">
                                <div class="pr10">
                                    <input id="txtUnitPrice" name="txtUnitPrice" type="number" min="0"  class="classic-input w100pc"
                                           value="{{if isset($Data["OBJ"])}}{{$Data["OBJ"]->UnitPrice|escape:'html'}}{{/if}}"
                                           />
                                </div>
                            </td>
                            <td class="w100 tar blue">Unit On Order</td>
                            <td>
                                <div class="pr10">
                                    <input id="txtUnitOnOrder" name="txtUnitOnOrder" type="number" min="0"  class="classic-input w100pc"
                                           value="{{if isset($Data["OBJ"])}}{{$Data["OBJ"]->UnitsOnOrder|escape:'html'}}{{/if}}"
                                           />
                                </div>
                            </td>
                            <td class="w100 tar blue">Quantity Per Unit</td>
                            <td>
                                <div class="pr10">
                                    <input id="txtQuantity" name="txtQuantity" type="text"  class="classic-input w100pc"
                                           value="{{if isset($Data["OBJ"])}}{{$Data["OBJ"]->QuantityPerUnit|escape:'html'}}{{/if}}"
                                           />
                                </div>
                            </td>
                        </tr>
                    </table>

                </td>
            </tr>
            <tr>
                <td class="w100  vtat"><label class="lh24">Tag</label></td>
                <td>
                    <div class="pr10">
                        <textarea id="txtTag" name="txtTag" style="resize: vertical;" class="classic-input w100pc">{{if isset($Data["OBJ"])}}{{$Data["OBJ"]->Tag|escape:'html'}}{{/if}}</textarea>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <div id="tabs-2">
        <p>Phần này đang được cập nhật.</p>
    </div>
</div>
<!--<div class="pt8">
    <button class="gray-button" title="Back to grid and ignore any unsaved changes" onclick="myjqxGrid.CancelEdit()"><span>Back</span></button>
    <button class="green-button" title="Apply any changes" onclick="SaveItem()"><span>Save</span></button>
</div>-->
<script>
    $(function() {
        $( "#tabs" ).tabs();
        
    });
</script>